

.iot-node {
  position: absolute;
  width: 180px;
  // height: 64px;
  .title {
    text-align:center;
    height: 28px;
    line-height: 28px;
    color:#fff;
    font-size: 12px;
    margin:0;
    padding: 0 5px;
    border-radius: 8.04px 8.04px 0 0;
    border: 1px solid #D9D9D9;
    border-bottom: 0;
    background: #01B9F5;
     /*第一步： 溢出隐藏 */
    overflow: hidden;
    /* 第二步：让文本不会换行， 在同一行继续 */
     white-space: nowrap;
     /* 第三步：用省略号来代表未显示完的文本 */
     text-overflow: ellipsis;
    cursor: pointer;
    .icon-class {
      vertical-align: bottom;
      margin-right: 5px;
    }
  }
  .Tips{
    background-color: pink;
  }
  .content {
    // height: 6px;
    display: flex;
    flex-direction:column;
    padding: 0 8px;
    border:1px solid #D9D9D9;
    background:#AAD9E3;
    border-radius: 0 0 8.04px 8.04px;
    font-size: 12px;
    color:rgb(255, 255, 255);
    text-align: center;
    border-top: 0;
    cursor: pointer;
    .titlestyle {
      &:hover {
        color: #bfff00;
      }
    }
    .statestyle {
      &:hover {
        color: #bfff00;
        font-size: 18px;
      }
    }
   .class-1 {
    background: #666666;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class0 {
    background: #67C23A;
    margin: 5px 0;
    border-radius: 10px;
  
  }
  .class1 {
    background: #01a0c7;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class2 {
    background: #e1e143;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class3 {
    background: #ffcc01;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class4 {
    background: #fa686b;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class5 {
    background: #fe6625;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class6 {
    background: #fe0000;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class7 {
    background: #99cf17;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class8 {
    background: #ccc;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class9 {
    background: #663BB7;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class10 {
    background: #571f1a;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class11 {
    background: #10d451;
    margin: 5px 0;
    border-radius: 10px;
  }
  .class20 {
    background: #c76060;
    margin: 5px 0;
    border-radius: 10px;
  }
  }

  .expand-btn {
    position: absolute;
  margin-top: 2px;
    left: 60px;
    height: 10px;
    width: 20px;
    line-height: 8px;
    text-align: center;
    border-radius: 4px;
    border:1px solid #D9D9D9;
    box-shadow: 0 2px 3px 0 rgba(0,112,204,0.06);
    background:#fff;
    cursor: pointer;
  }
.remove-btn{
  position: absolute;
  margin-top: 2px;
  left: 100px;
  height: 10px;
  width: 20px;
  line-height: 8px;
  text-align: center;
  // background:#fff;
  color:rgb(187, 181, 181);
  font-size: 8px;
  cursor: pointer;
}
  .expand-btn:hover {
    border: 1px solid rgb(106, 227, 235);
    border-radius: 5px;
  }
  .remove-btn:hover {
  color: rgb(106, 227, 235);
  }
  
}
.butterfly-minimap-container {
  bottom: 152px !important;
  div :nth-child(2){
    background-color: #01B9F5;
  }
 
}